<template>
    <div>
        <div class="vux-demo">
            <img class="logo" src="../assets/vux_logo.png">
            <h1>{{msg}} </h1>
        </div>
        <group title="cell demo">
            <cell title="Vux" value="verygoode" is-link></cell>
        </group>
        <x-button type="warn">disable Delete</x-button>
    </div>
</template>

<script>
import { Group, Cell, Loading,XButton } from 'vux'
//import { MYPT, vali } from '@/api/common'
import axios from '@/api/axios'
import api from '@/api/base.api'
export default {
    components: {
        Group,
        Cell,
        Loading,
        XButton
    },
    mounted() {
        this.getData();
    },
    data() {
        return {
            msg: 'Hello World!',
            isLoading: true
        }
    },
    methods:{
        getData(){
            var _this=this;
            axios({
                methods:'GET',
                url:api.getInfo
            }).then(function(rtn){
                //_this.$store.dispatch('updateLoading',false);
                console.log(rtn);
            }).catch(function(err){
                console.log(err);
            })
        }
    }
}
</script>

<style>
.vux-demo {
    text-align: center;
}

.logo {
    width: 100px;
    height: 100px
}
</style>
